@import "./variables.scss";

// el-input样式
::v-deep .el-input__inner,
::v-deep .el-textarea__inner,
::v-deep .el-tree,
::v-deep .is-disabled .el-input__inner,
::v-deep .el-date-editor .el-range-input,
::v-deep .el-textarea .el-textarea__inner {
  background-color: transparent;
  color: #fff;
  border-radius: 5px;
  border-color: $inputBorderColor;
}

// // el-tree
// ::v-deep .el-tree-node__content:hover {
//   background-color: #15a0ca;
// }
// ::v-deep .el-tree-node:focus > .el-tree-node__content {
//   background-color: #15a0ca;
// }
// el-input
// 统一input 样式
::v-deep .el-input--medium {
  font-size: 14px !important;

  .el-select {
    width: 180px;
  }

  .el-date-editor {
    width: 180px;
  }

  .el-input__inner {
    height: 36px;
    line-height: 36px;
  }

  .el-input__suffix {
    height: 36px;
    line-height: 36px;
  }

  .el-input__icon {
    height: 36px;
    line-height: 36px;
  }
}

::v-deep .el-range-editor--medium {

  .el-range__icon,
  .el-range__close-icon,
  .el-range-separator {
    line-height: 24px;
  }

  .el-range-input {
    font-size: 14px;
  }
}

::v-deep .el-range-editor--medium.el-input__inner {
  height: 36px !important;
}

::v-deep .el-range-editor.el-input__inner {
  padding-right: 1px;
}

::v-deep .dateTime {
  display: flex;

  .el-date-editor.el-input {
    min-width: 180px !important;
    margin-right: 5px;
  }
}

//进度条文字颜色
::v-deep .el-progress__text {
  color: #fff;
}

// 对话框样式
::v-deep .el-dialog {
  background-color: #f0f3f7;
  color: #333333;
  border-radius: 10px;

  .el-dialog__header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #006e91;

    .el-dialog__title {
      color: #fff;
    }

    .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
    }
  }

  .el-dialog__body {
    color: #333333;
    max-height: 77vh;
    overflow-y: auto;

    .input-line {
      margin-left: 2.5%;
      width: 95%;
      height: 36px;
      line-height: 36px;
      display: flex;
      margin-bottom: 5px;

      .input-line-lab {
        width: 90px;
        white-space: nowrap;
      }

      .input-two-line {
        width: 50%;
        display: flex;
      }
    }

    .dialog-footer {
      width: 100%;
      display: flex;
      -ms-flex-direction: row-reverse;
      -webkit-flex-direction: row-reverse;
      flex-direction: row-reverse;
      // border-top: 10px solid #bfbfbf;
      background-color: #f2f2f2;

      .el-button {
        margin-left: 10px;

      }

      .button-one {
        background-color: #006e91;
        color: azure;

      }
    }

    ::v-deep .el-input--medium .el-input__inner {
      color: aqua !important;
    }
  }
}

::v-deep .input-line-input {
  width: calc(100% - 120px);
}

::v-deep .input-line-input .el-input__inner {
  width: 100%;
  color: rgb(81, 92, 92) !important;
}

::v-deep .dialog-footer .button-one {
  background-color: #a6a6a6;
  color: #fff;
}

::v-deep .dialog-footer .button-one:hover {
  color: #06d4f8;
}

::v-deep .dialog-footer .button-two {
  background-color: #006e91;
  color: #fff;
}

::v-deep .dialog-footer .button-two:hover {
  color: #06d4f8;
}



// el-table样式
::v-deep .el-table {
  background-color: transparent;
  color: #fff;

  &::before {
    background-color: transparent;
  }

  &::after {
    width: 0;
  }
}

// 解决行无法铺满整个表格
::v-deep .el-table__body {
  height: 100%;
}

::v-deep .el-table--border {
  border: 1px solid #78e3fd;
}

::v-deep .el-table__empty-text {
  color: #fff;
  font-size: 18px;
}

::v-deep .el-table .el-table-column--selection>.cell {
  white-space: nowrap;
}

::v-deep .el-table th {
  background-color: #006e91;
}

::v-deep .el-table th>.cell {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

::v-deep .el-table .cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  line-height: normal;
  padding-right: 10px;
  font-size: 14px;
}

::v-deep .el-table tr,
::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: transparent;
}

// 解决竖线对不齐
::v-deep .el-table th.gutter {
  display: table-cell !important;
}

::v-deep .el-table td,
::v-deep .el-table th.is-leaf,
::v-deep .el-table--border,
::v-deep .el-table--group {
  // border-left: 0;
  // margin-top: -0.5px;
  border-color: #0091b7;
}

::v-deep .el-table-column--selection {
  border-left: 1px solid #0091b7 !important;
}

::v-deep .el-table .el-table__row--striped {
  background-color: #004e65;
}

::v-deep .el-table thead {
  color: #fff;
  font-weight: bold;
}

::v-deep .el-table td,
::v-deep .el-table th {
  text-align: center;
  height: 37px;

}

// 表格hover及选中样式
::v-deep .el-table tr:hover,
::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td,
::v-deep .el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
::v-deep .el-table__body tr.current-row>td {
  background-color: #15a0ca;
}

// el-checkbox
::v-deep .el-checkbox .is-checked .el-checkbox__inner,
::v-deep .el-checkbox .is-indeterminate .el-checkbox__inner {
  background-color: #61aa47;
  border-color: #61aa47;
}

// el-form
::v-deep .el-form {
  .el-form-item__label {
    color: #fff;
    white-space: nowrap;
    font-size: 14px;
  }
}

::v-deep .el-form-item--medium {
  .el-form-item__content {
    line-height: 36px;
  }

  .el-form-item__label {
    line-height: 36px;
  }
}

// el-loading-mask
::v-deep .el-loading-mask {
  background-color: transparent;
}

// el-date-editor
::v-deep .el-range-separator {
  color: #fff;
}

//进度条文字颜色
::v-deep .el-progress__text {
  color: #fff;
}

// el-tree样式
::v-deep .el-tree {
  // background-color: #023D50 !important;
  color: #f0f4f9;
  font-weight: 500;
  height: 90%;
  overflow-y: auto;
  width: 100%;
  // scrollbar-width: none;
}

/* 树状背景色 */
::v-deep .el-tree-node__content:hover {
  background-color: #024E66 !important;
}

::v-deep .el-tree-node .el-tree-node__content {
  background-color: #024E66 !important;
  margin-top: 5px;
  margin-bottom: 5px;
}

::v-deep .el-tree-node__children .el-tree-node__content {
  margin-left: 10%;
  width: 90%;
  background-color: #024E66 !important;
  margin-top: 5px;
  margin-bottom: 5px;
}

::v-deep .el-tree-node__label {
  background-color: #024E66;
  width: 100%;
  color: #fff !important;
}

// 取消旋转
::v-deep .el-tree .el-tree-node__expand-icon.expanded {
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}

::v-deep .el-tree .el-icon-caret-right:before {
  // font-family: "iconfont" !important;
  background: url("~@/assets/tree/treethree.png") no-repeat 0 3px;
  display: block;
  width: 24px;
  height: 24px;
  content: "";
  font-size: 18px;
  background-size: 18px;
}

::v-deep .el-tree .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
  // font-family: "iconfont " !important;
  background: url("~@/assets/tree/treeone.png") no-repeat 0 3px;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  font-size: 18px;
  background-size: 18px;
}

::v-deep .el-tree .el-tree-node__expand-icon.is-leaf:before {
  // font-family: "iconfont " !important;
  background: url("~@/assets/tree/treetwo.png") no-repeat 0 3px;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  font-size: 18px;
  background-size: 18px;
}

::v-deep .el-tree-node:focus .el-tree-node__content {

  background-color: transparent !important;

  .el-tree-node__label {
    color: #fff !important;
    background-color: transparent !important;
  }
}

::v-deep .el-tree-node:focus {
  background-color: #0cb28c !important;
}

::v-deep .el-tree-node__children .el-tree-node__content {
  margin-left: 10%;
  width: 89%;
}

::v-deep .el-tree-node.is-expanded>.el-tree-node__children {
  display: block;
  margin-top: 0px;
}

::v-deep .el-tree-node {
  white-space: nowrap;
  outline: 0;
  background-color: #024e66;
  border: #2f8aa2 1px solid;
  margin-top: 10px;
}

::v-deep .el-tree-node__children .el-tree-node {
  margin-top: 0px !important;
}

// 隐藏滚动条
::v-deep .el-tree::-webkit-scrollbar {
  width: 0 !important
}

// ::v-deep .el-tree-node .el-tree-node__content {
//   background-color: #024E66;
// }
// 上传

::v-deep .el-upload__tip {
  color: #101113 !important;
  // position: absolute;
  // left: 50px;
  // top: -5px;
}

//  覆盖表单校验样式
::v-deep .el-form-item.is-error {
  .el-input__inner {
    border-color: #f56c6c !important;
  }
}

::v-deep .el-dialog__wrapper {
  display: flex;
  align-items: center;
}
